/************************************
BACKEND.CSS										 

UTILITY CLASSES
CUSTOM META BOX
OPTIONS
OPTIONS HELP
FONTS

*************************************/

/************************************
UTILITY CLASSES
*************************************/

	.float_right {
		float: right;	
	}

	.hidden {
		display: : none;	
	}
	

/************************************
CUSTOM META BOX
*************************************/

	/* COLOR BOX */ 
	#canon_cmb_pages .hndle, 
	#canon_cmb_posts .hndle
	{ 
		background: #fd542d;
		color: #ffffff;
		text-shadow: none;
	}

	.option_heading {
		background: rgb(220, 220, 220);
		background: -moz-linear-gradient(90deg, rgb(220, 220, 220) 50%, rgb(230, 230, 230) 100%);
		background: -webkit-linear-gradient(90deg, rgb(220, 220, 220) 50%, rgb(230, 230, 230) 100%);
		background: -o-linear-gradient(90deg, rgb(220, 220, 220) 50%, rgb(230, 230, 230) 100%);
		background: -ms-linear-gradient(90deg, rgb(220, 220, 220) 50%, rgb(230, 230, 230) 100%);
		background: linear-gradient(90deg, rgb(220, 220, 220) 50%, rgb(230, 230, 230) 100%);
		margin:0 -12px 0 -10px;
		height:30px;
		border-bottom:1px solid #D1D1D1;
	}

	.option_heading.top {
		margin:14px -10px 0 -10px;
		border-top:1px solid #EEE;
	}

	.option_heading span {
		font-size:12px;
		font-weight:bold;
		line-height:30px;
		padding-left:10px;
		color:#555;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	}

	.option_item {
		background:#FFF;
		margin:0 -10px 0 -10px;
		border-bottom:1px solid #EEE;
		padding:14px 10px 14px 10px;
	}
	.option_item .option_checkbox {
		margin-right:8px;
	}

	.option_item span.text {
		float:left;
		display:block;
		width:86px;
		margin-top:5px;
	}
	.option_item label {
		margin-bottom:3px;
		display:inline-block;
	}
	
	.option_item .selfy_colorpicker_input input {
		width:100px;
	}

	.item_hint {
		font-style: italic;
		color: #8a8a8a;	
	}

	.default_hidden {
		display: none;	
	}

	.option_item .colorSelectorBox {
		float: right;	
	}

	.option_item .cmb_input {
		width: 30%;	
	}


/************************************
OPTIONS
*************************************/

	/************************************
	TABS
	*************************************/

	.settings_tab {
		padding: 10px 20px;
		border: 1px solid #D1D1D1;
		border-bottom: none;
		float: left;
		background-color: #F7F8F8;
		cursor: pointer;
		margin-right: .2em;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;	
		font-weight: bold;
		position: relative;
	}




	.settings_tab:hover {
		background-color: #e3e3e3;	
	}
	.current_tab:hover{
		background-color: #fff;
	}
	.tab_divider {
		clear: both;	
	}

	.current_tab {
		background-color: #fff;
	}
	.current_tab:after{
		background-color: #FFFFFF;
		bottom: -1px;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	.basic_settings {
		/*background-color: green;	*/

	}
	.tab_control hr{
		display: none;
	}
	.tab_control .tab_divider{
		border-top: 1px solid #D1D1D1;
	}


	/************************************
	GENERAL OPTIONS
	*************************************/

	/* SOCIAL LINKS*/
		.social_links i, .fawesome {
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #CCCCCC;
			border-radius: 3px 3px 3px 3px;
			color: #FC604A;
			display: inline-block;
			font-size: 14px;
			min-width: 20px;
			padding: 5px;
			text-align: center;
		}

	/* OPTIONS WRAPPER*/

		.options_wrapper {
			width: 800px;
		}

	/* INPUT TEXT */

		.social_links input[type='text'] {
			width: 450px;	
		}

	/* INPUT NUMBER */

		#footer_carousel input[type='number'] {
			width: 60px;	
		}

	/* RESET BUTTON */ 
		#reset_all_button {
			background: #8A3434;	
		}

	/* UPLOAD  */

		.url {
			width: 370px;	
		}

		.upload {
			width: 150px;	
		}

	/* FEATURES  */

		.features {
			width: 100%;	
		}

		.hp_features_row td {
			border: 1px solid #e6e6e6;	
			padding: 10px;
		}

	/* HELP DIV*/

		.help {
			border-top: 0px solid #757575;	
			border-bottom: 1px solid #757575;	
			padding: 1px 10px;
			display: none;	
			background-color: #e6e6e6;
		}

		h3 > img {
			cursor: pointer;
			margin-left:5px;
			vertical-align:top;
		}
		h3 > img:hover {
			zoom: 1;
			filter: alpha(opacity=80);
			opacity: 0.8;
		}

	/* AUTO_HEADER_CONTENT_POS BUTTON */ 

	/*	#auto_header_content_pos {
			display: none;	
		}
	*/


	/************************************
	HOMEPAGE OPTIONS
	*************************************/

	/* STATISTICS */
		select.hp_statistics_icon{
			font-family: 'selfyregular';
			font-size: 44px;
			color: #000;
			height: 1.5em;
			text-transform: uppercase;
		}
	

	/************************************
	APPEARANCE OPTIONS
	*************************************/


		 .canon-options .form-table {
			margin-bottom: 20px;
			background-color: #f7f8f8;
			border: 1px solid #D1D1D1;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			margin-top: 0;	
		}
		.canon-options h3{
			background-color: #f7f8f8;
			border: 1px solid #D1D1D1;
			-webkit-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
			border-bottom: none;
			position: relative;
			top: 1px;
			margin-bottom: 0;
			display: inline-block;
			padding: 10px;	
		}
		.canon-options{
			width: 100%;
			max-width: 1200px;
		}
		h3.editor-title{
			position: relative;
			border: 1px solid #D1D1D1;
			border-bottom: none;
			top: 31px;
			z-index: 2;
			margin-top: 0;
		}
		.canon-options .quicktags-toolbar{
			border-top-left-radius: 0px;
		}
		.canon-options textarea{
			width: 100%;
		}
		select {
			
		}

		#skins img {
			cursor: pointer;	
		}
		.canon_webfonts_controller select {
			width: 300px;	
		}
		.surround{
			background: #999;
			display: inline-block;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			padding: 1em;
		}

/************************************
OPTIONS HELP
*************************************/

.help_item {
	margin-bottom: 35px;	
}
.help_item h4{
	margin-bottom: 0;	
}
.help_item p{
	margin-top: .5em;
}



/* 3.8 Updates */
.canon-options .form-table th, .canon-options .form-table td{
	padding-left: 10px;
}
#slider_control{
	position: absolute;
}
#slider_main{
	padding-left: 240px;
	width: auto;
}
.canon_options_homepage select{
	width: 150px;
}



/************************************
FONTS
*************************************/

@font-face {
    font-family: 'socialicoregular';
    src: url('../font/socialico-webfont-webfont.eot');
    src: url('../font/socialico-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/socialico-webfont-webfont.woff') format('woff'),
         url('../font/socialico-webfont-webfont.ttf') format('truetype'),
         url('../font/socialico-webfont-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'selfyregular';
    src: url('../font/selfy-webfont.eot');
    src: url('../font/selfy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/selfy-webfont.woff') format('woff'),
         url('../font/selfy-webfont.ttf') format('truetype'),
         url('../font/selfy-webfont.svg#selfyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


